そういえばGatsbyのブログをGoogle Search Consoleに登録してなかったので急遽登録をしてみた。Google Search Consoleに登録しないとせっかく作成したブログが日の目をみないままなのでやらない理由はない。ちなみにGatsby関連は日本語のリソースがあまり多くないので、英語リソースの力を借りることが多いです。

ちなみに自分が使っているGatsbyのテンプレートは以下です。

gatsby-starter-hero-blog

同じテンプレートであればかなり簡単に導入ができます。

Google Search Consoleに登録する

まずはGoogle Search Consoleの登録を行います。登録はこちらからいけます。登録方法はホームページの案内を参考に進めてみてください。

Gatsbyのブログにmetaタグを埋め込む

Google Search Consoleの登録が完了したら、所有権の確認 -> その他の確認方法 -> HTMLタグからmetaタグをコピーします。

次にGatsbyにmetaタグを埋め込みます。場所はsrc -> html.jsにあります。ファイル内のheadタグの一番下にコピーしたmetaタグを貼り付けます。

  <link rel="icon" type="image/png" sizes="16x16" href="/icons/favicon-16x16.png" />
          <link rel="icon" type="image/png" sizes="32x32" href="/icons/favicon-32x32.png" />
          <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png" />
          <meta
            name="google-site-verification"
            content="jG9R_NBOWAh8UlBsFzkuXglw1UCgyVz3Buak--Nm9ZI"
          />
        </head>

埋め込み方は↑みたいな感じで大丈夫です。

これで完了。あとはGoogleが最適化してくれるまで数日待ちましょう。今回はGatsbyで作ったブログをGoogle Search Consoleに登録する方法を紹介しました。